@extends('layouts.app', ['activePage' => 'clubs', 'titlePage' => __('俱乐部管理')])

@section('content')
  <div class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <form method="post" action="{{ route('clubs.store') }}" autocomplete="off" class="form-horizontal">
            @csrf
            @method('post')
            <div class="card ">
              <div class="card-header card-header-primary">
                <h4 class="card-title">创建新俱乐部</h4>
                <p class="card-category"></p>
              </div>
              <div class="card-body ">
                <div class="form-group">
                  <label for="club_name">名称</label>
                  <input type="text" class="form-control" id="club_name" placeholder="请输入俱乐部名称" name="club_name"
                         required>
                </div>
                <div class="form-group">
                  <label for="intro">简介</label>
                  <input type="text" class="form-control" id="intro" placeholder="在此输入俱乐部简介" name="intro" required>
                </div>
                <div class="form-row">
                  <div class="form-group col-md-4">
                    <label class="label-control">经度</label>
                    <input type="text" class="form-control" name="longitude" required/>
                  </div>
                  <div class="form-group col-md-4">
                    <label class="label-control">纬度</label>
                    <input type="text" class="form-control" name="latitude" required/>
                  </div>
                </div>
                <div class="form-group">
                  <div class="fileinput fileinput-new" data-name="imagefile" data-max-size="100"
                       data-provides="fileinput">
                              <span class="btn btn-raised btn-round btn-file">
                                <span class="fileinput-new">上传俱乐部logo</span>
                                <span class="fileinput-exists">修改</span>
                                <input type="file" required accept="image/*">
                              </span>
                    <span class="fileinput-filename"></span>
                    <a href="#" class="close fileinput-exists" data-dismiss="fileinput"
                       style="float: none">&times;</a>
                  </div>
                </div>

              </div>
              <div class="card-footer ml-auto mr-auto">
                <button type="submit" class="btn btn-primary">添加</button>
              </div>
            </div>

          </form>
        </div>
      </div>
    </div>
  </div>
@endsection
